/*
 * @Author: your name
 * @Date: 2022-01-08 18:20:04
 * @LastEditTime: 2022-01-09 10:11:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \code\source-code-big-data\js\apiDetails.js
 */

window.onload = function(){
    //配置
    var config = {
        vx: 4,//点x轴速度,正为右，负为左
        vy:  4,//点y轴速度
        height: 2,//点高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 100,//点个数
        color: "100, 100, 100",//点颜色
        stroke: "150,150,150",//线条颜色
        dist: 6000,//点吸附距离
        e_dist: 20000,//鼠标吸附加速距离
        max_conn: 10//点到点最大连接数
    }
    //调用
    CanvasParticle(config,'bannerCon');
}

// 楼层滚动
// 获取所有的楼层
let storeys=document.querySelectorAll('.cont_public')
// 获取所有要点击的
let sides=document.querySelectorAll('.side>p')
let tiem =null
// 批量注册点击事件 滚动楼层
function rollingFloor(){
    sides.forEach(function(open,index){
        open.addEventListener('click',function(){
            // 创建变量用来存放 我点击了那个一个楼层对应的与页面的距离
           let distance= storeys[index].offsetTop
        //    让滚动距离等于 顶部的距离
            let shot=document.documentElement.scrollTop
            // console.log(shot);
            clearInterval(tiem)
                    tiem=null
            tiem=setInterval(function(){
                if(distance>shot){
                    shot+=20
                    document.documentElement.scrollTop=shot
                }else{
                    shot-=20
                    document.documentElement.scrollTop=shot
                }
                if(Math.abs(distance-shot)<=20){
                    clearInterval(tiem)
                    // tiem=null
                    document.documentElement.scrollTop=distance
                }
            },20)
            // // 创建定时器 
            //  if(distance>shot){
            //       //  在使用定时器之前 清除上一次点击时候创建的定时器
            //     clearInterval(tiem)
            //     tiem=setInterval(function(){
            //         shot+=20
            //         document.documentElement.scrollTop=shot
            //         if(Math.abs(distance-shot)<20){
            //             document.documentElement.scrollTop=distance
            //             clearInterval(tiem)
            //         }
            //         console.log(shot);
                   
            //     },20)
            //  }
            //  if(distance<shot){
            //     //  在使用定时器之前 清除上一次点击时候创建的定时器
            //     clearInterval(tiem)
            //     tiem=setInterval(function(){
            //         shot-=20
            //         document.documentElement.scrollTop=shot
            //         if(Math.abs(distance-shot)<20){
            //             document.documentElement.scrollTop=distance
            //             clearInterval(tiem)
            //         }
            //         console.log(shot);
            //     },20)
            //  }
           
            // document.documentElement.scrollTop=distance
            // 排他
            sides.forEach(function(open,index){
                open.classList.remove('side_bright')
            })
            // 给自身添加样式
            open.classList.add('side_bright')
            
        })
    })
    
    
}

rollingFloor()

// window.addEventListener('scroll',function(){
//    if(document.documentElement.scrollTop>0&&document.documentElement.scrollTop<=storeys[1].offsetTop){
    
//     // console.log(sides[1]);
//     sides[0].className='side_bright'
//     sides[1].className=''
//    }else if(document.documentElement.scrollTop>=storeys[1].offsetTop&&document.documentElement.scrollTop<=storeys[2].offsetTop){
//     sides[0].className=''
//     sides[1].className='side_bright'
//     sides[2].className=''
//    }

// })
let  understand=document.querySelectorAll('.public_region_details')
understand.forEach(function(open){
   open.addEventListener('click',function(){
    window.location = "./case render.html"

   })
})
